<template>
  <footer class="footer___32AaQ">
    <section class="nears-responsive-wrapper" style="max-width:1200px;width:px;min-width:0px;margin:0 auto;padding-left:24px;padding-right:24px">
      <section class="summary___2mleY">
        <div class="site___xctUR">
          <div class="siteLogo___cEEXD">
            <img alt="蒜苔二维码" src="../assets/images/suantai-logo.svg"/>
          </div>
          <div class="slogan___3UMus">
            我们努力把二维码技术做成简单实用的产品<br/>
            让每个人和组织都能轻松使用
          </div>
          <div class="social___1Xn9u">
            <div class="item___271BA"><i class="cliIcon anticon-cli-weixin"></i></div>
            <div class="item___271BA"><i class="cliIcon anticon-xiaochengxu"></i></div>
            <a class="item___271BA" href="#github"><i class="cliIcon anticon-github"></i></a>
            <a class="item___271BA" href="#zhihu"><i class="cliIcon anticon-zhihu-2"></i></a>
            <a class="item___271BA" href="#bilibili"><i class="cliIcon anticon-bilibili-2"></i></a>
            <a class="item___271BA" href="#weibo"><i class="cliIcon anticon-weibo-2"></i></a>
            <a class="item___271BA" href="#douyin"><i class="cliIcon anticon-douyin-2"></i></a>
            <a class="item___271BA" href="#xiaohongshu"><i class="cliIcon anticon-xiaohongshu"></i></a>
          </div>
        </div>
        <section class="friends___3AGid">
          <div class="list___2cJGg">
            <h3>平台功能</h3>
            <ul>
              <li><a href="#content-display" target="_blank">内容展示</a></li>
              <li><a href="#form-function" target="_blank">表单功能</a></li>
              <li><a href="#dynamic-data" target="_blank">动态数据</a></li>
              <li><a href="#member-function" target="_blank">成员功能</a></li>
              <li><a href="#batch-generation" target="_blank">批量生码</a></li>
              <li><a href="#label-making" target="_blank">标签制作</a></li>
            </ul>
          </div>
          <div class="list___2cJGg">
            <h3>应用方案</h3>
            <div style="display:flex;justify-content:center">
              <ul style="margin-left:0">
                <li><a href="#product-intro" target="_blank">产品介绍</a></li>
                <li><a href="#signup-checkin" target="_blank">签到报名</a></li>
                <li><a href="#business-intro" target="_blank">业务介绍</a></li>
                <li><a href="#info-display" target="_blank">信息展示</a></li>
                <li><a href="#entry-register" target="_blank">出入登记</a></li>
                <li><a href="#info-collection" target="_blank">信息收集</a></li>
              </ul>
              <ul style="margin-left:24px">
                <li><a href="#equipment-inspection" target="_blank">设备巡检</a></li>
                <li><a href="#personnel-management" target="_blank">人员管理</a></li>
                <li><a href="#area-inspection" target="_blank">区域巡查</a></li>
                <li><a href="#fixed-assets" target="_blank">固定资产</a></li>
                <li><a href="#signage-labels" target="_blank">标牌标识</a></li>
                <li><a href="#fire-safety" target="_blank">消防安全</a></li>
              </ul>
            </div>
          </div>
          <div class="list___2cJGg">
            <h3>AI 功能</h3>
            <ul>
              <li><a href="#ai-interpretation" target="_blank">AI 解读</a></li>
              <li><a href="#ai-smart-form" target="_blank">AI 智能填表</a></li>
              <li><a href="#ai-form-component" target="_blank">AI 表单组件</a></li>
              <li><a href="#ai-image-audit" target="_blank">AI 图片审核</a></li>
            </ul>
          </div>
          <div class="list___2cJGg">
            <h3>服务与支持</h3>
            <ul>
              <li><a href="#help-center" target="_blank">帮助中心</a></li>
              <li><a href="#community" target="_blank">蒜苔社区</a></li>
              <li><a href="#updates" target="_blank">更新公告</a></li>
              <li><a href="#guide" target="_blank">新手指南</a></li>
              <li><a href="#api-docs" target="_blank">API 文档</a></li>
            </ul>
          </div>
          <div class="list___2cJGg">
            <h3>关于蒜苔</h3>
            <ul>
              <li><a href="#about-us" target="_blank">关于我们</a></li>
              <li><a href="#philosophy" target="_blank">经营理念</a></li>
              <li><a href="#data-security" target="_blank">数据安全</a></li>
              <li><a href="#join-us" target="_blank">加入我们</a></li>
              <li><a href="#complaint" target="_blank">我要投诉</a></li>
            </ul>
          </div>
        </section>
      </section>
    </section>

    <div class="__nears_primary_1 ant4-divider __nears_primary_1 ant4-divider-horizontal" role="separator"></div>

    <section class="nears-responsive-wrapper" style="max-width:1290px;width:px;min-width:0px;margin:0 auto;padding-left:24px;padding-right:24px">
      <section class="copyRights___3kKAe">
        <div>CopyRight©2011-2025 蒜苔二维码 版权所有</div>
        <a href="#beian" title="ICP/IP地址/域名信息备案管理系统">沪ICP备18015888号-4</a>
        <a href="#security" title="全国互联网安全管理平台">
          <img alt="全国互联网安全管理平台logo" loading="lazy" src="../assets/images/1abe2092d787.png"/>
          <span>沪公网安备 33020302100028号</span>
        </a>
        <div>增值电信业务经营许可证：沪B2-20180298</div>
        <a href="#license" title="网络文化经营许可证">网络文化经营许可证：沪网文【2025】1399-038号</a>
        <div class="__nears_primary_1 ant4-divider __nears_primary_1 ant4-divider-vertical" role="separator"></div>
        <a class="user-agreement" href="#agreement" title="蒜苔二维码用户协议">用户协议</a>
        <a class="complaint" href="#complaint" title="侵权投诉通知及反通知指引">侵权申诉</a>
        <a class="privacy" href="#privacy" title="隐私政策">隐私政策</a>
      </section>
    </section>
  </footer>
</template>

<script setup lang="ts">
</script>

<style scoped>
/* 使用原始样式，确保图标字体正常显示 */
.cliIcon {
  font-family: "cliIcon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  color: inherit;
}
</style>